<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>简易富文本编辑器</title>
	</head>
	<link rel="stylesheet" href="layui/css/layui.css">
	<link rel="stylesheet" href="css/global.css">
	<!-- <link rel="stylesheet" type="text/css" href="highlight/styles/github.css"/> -->
	<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_1531710_xb357ub1wmg.css"/>
	<body>
		
		<!-- 富文本编辑器元素 -->
		<textarea id="L_content" name="content" required lay-verify="required" placeholder="请输入发表内容" class="layui-textarea editor"></textarea>

		<script src="js/marked.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="highlight/highlight.pack.js" type="text/javascript" charset="utf-8"></script>
		<script src="layui/layui.js"></script>
		<script>
			layui.config({
				base: 'mods/' //存放layui拓展模块的目录位置
			}).extend({
				easyeditor: 'easyeditor'
			}).use(['easyeditor'], function() {
				var easyeditor = layui.easyeditor;
				//初始化富文本编辑器
				easyeditor.init({
					elem:'.editor' //textarea 元素class 
					,uploadUrl:'upload', //图片上传地址
					uploadSize:'' //限制的上传大小 单位kb 默认 1024k  
				})
				
				//upload 接口要求返回的数据格式 
// 				{
// 					code:0   ,//code=0代表文件保存成功 其他code值 则认为失败
// 					msg:'图片保存失败' ,//搭配code使用 当code不等于 0 时,做出提示信息
// 					url:'http://xxx.com/images/xxx.jpg' //图片上传成功后,图片的访问路径/保存路径,使用图片全路径
// 				}
				
			});
		</script>
	</body>
</html>
